@import '../style/common.pcss';

.img-box {
  height: 100% !important;
  .img {
    width: 100% !important;
    height: 80% !important;
    &.jd {
      background: url(../images/case/jd.jpg) center center no-repeat;
      background-size: contain;
    }

    &.xiaohongshu {
      background: url(../images/case/xiaohongshu.jpg) center center no-repeat;
      background-size: contain;
    }

    &.yingke {
      background: url(../images/case/yingke.jpg) center center no-repeat;
      background-size: contain;
    }

    &.tianlongbabu {
      background: url(../images/case/tianlongbabu.jpg) center center no-repeat;
      background-size: contain;
    }

    &.dianping {
      background: url(../images/case/dianping.jpg) center center no-repeat;
      background-size: contain;
    }

    &.yihaodian {
      background: url(../images/case/yihaodian.jpg) center center no-repeat;
      background-size: contain;
    }
  }
}

.text-box {
  .title {
    height: 60px;
    line-height: 100px;
    width: 50%;
    padding: 0 0 30px 100px;
    border-bottom: 1px solid #d7d7d7;
    position: relative;
    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 75px;
      height: 75px;
    }
    &.jd:before{
      background: url(../images/cooperation/jd.png) center left no-repeat;
      background-size: contain;
    }
    &.xiaohongshu:before{
      background: url(../images/case/xiaohongshu-logo.png) center left no-repeat;
      background-size: contain;
    }
    &.yingke:before{
      background: url(../images/case/yingke-logo.png) center left no-repeat;
      background-size: contain;
    }
    &.tianlongbabu:before{
      background: url(../images/case/tianlongbabu-logo.png) center left no-repeat;
      background-size: contain;
    }
    &.dianping:before{
      background: url(../images/case/dianping-logo.png) center left no-repeat;
      background-size: contain;
    }
    &.yihaodian:before{
      background: url(../images/case/yihaodian-logo.png) center left no-repeat;
      background-size: contain;
    }
  }
}
